<template>
  <table border="1" cellpadding="10" cellspacing="0">
    <tr>
      <th v-for="item in column">{{ item.title }}</th>
    </tr>
    <tr v-for="item in data">
      <td
        v-for="col in column"
        v-html="col.render ? col.render(item, item[col.key]) : item[col.key]"
      ></td>
    </tr>
  </table>
</template>

<script>
export default { props: ["column", "data"] };
</script>

<style></style>
